<template>
	<view class="content">
		<view style="height: 50rpx;"></view>
		<view class="input">
			<span>姓名</span>
			<input type="text" v-model="name" placeholder="请输入姓名">
		</view>
		<view class="input">
			<span>支付宝</span>
			<input type="text" v-model="account" placeholder="请输入支付宝账户">
		</view>
		<button @click="save">保存</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'',
				account:''
			}
		},
		methods: {
			save(){
				let account={
					name:this.name,
					account:this.account
				}
				this.$bus.$emit('addAccount',account)
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content{
		width: 100%;
		min-height: 100vh;
		background-color: #FFFFFF;
		
		.input{
			margin: 0 32rpx;
			padding: 20rpx 0;
			display: flex;
			align-items: center;
			border-bottom: 1px solid  #F5F5F5;
			span{
				display: inline-block;
				width: 120rpx;
				font-size: 14px;
				font-family: PingFang SC-Regular, PingFang SC;
				font-weight: 400;
				color: #001A18;
			}
			input{
				width: 500rpx;
				padding-left: 32rpx;
			}
		}
		
		button{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 686rpx;
			height: 96rpx;
			margin: 32rpx;
			margin-top: 96rpx;
			background: #08C8BD;
			border-radius: 16rpx;
			font-size: 32rpx;
			font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
		}
		
	}
</style>
